<template>
  <div class="login-container flx-center">
    <div class="login-box">
      <div class="login-left">
        <img src="@/assets/images/login_left.png" alt="login" />
      </div>

      <div class="login-form">
        <div class="login-logo">
          <h2 class="logo-text">管理后台</h2>
        </div>
        <LoginForm />
      </div>
    </div>
  </div>
</template>
<script setup>
import LoginForm from "./components/login-form.vue";
import { onMounted } from "vue";
import { GlobalStore } from "@/store";
import { UserStore } from "@/store/modules/system/user";

const userStore = UserStore();
const globalStore = GlobalStore();
onMounted(() => {
  
  globalStore.clearData();
  userStore.clearUserInfo();
});
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
